<template>
	<view class="benefit-home">
		<u-toast ref="uToast"></u-toast>
		<u-no-network></u-no-network>
		<view class="status_bar">
			<!-- 这里是状态栏 -->
		</view>
		<view class="title"> 业绩总览 </view>
		<newMerchants ref="newMerchants"></newMerchants>
		<orderMoney></orderMoney>

	</view>
</template>

<script>
	import newMerchants from "./components/newMerchants.vue";
	import orderMoney from "./components/orderMoney.vue";
	export default {
		components: {
			newMerchants,
			orderMoney
		},
		data() {
			return {

			}
		},
		mounted() {
			this.getDetail()
		},
		methods: {
			getDetail() {
				this.$zx.user_api.getBenefitDetailData().then((data) => {
					console.log("data=" + JSON.stringify(data))

					this.$refs.newMerchants.getMerchants(data)

				});
			}
		},
	}
</script>

<style scoped lang="scss">
	.status_bar {
		height: var(--status-bar-height);
		width: 100%;
	}

	.title {
		// height: 80rpx;
		// line-height: 80rpx;
		text-align: center;
		font-weight: bold;
		background-color: white;
		margin-bottom: 20rpx;
		font-size: 16px;
		padding-top: 68rpx;
		padding-bottom: 20rpx;
	}

	.benefit-home {
		width: 100vw;
		height: 100vh;
		position: relative;
	}
</style>